<html>
<head>
    <title> Create a new book</title>
    <style> 
        input[type=submit]{
            background-color: #fff ;
            color:#000;
        }
    </style>
</head>
<body>
    <form action="{% url "book-add" %}" method="post">
        {% csrf_token %}

        <!-- automatically ways to render a form  -->
        <!-- {{  form }} -->
        <!-- {{ form.as_ul }} -->
        <!-- {{ form.as_table }} -->
        <!-- {{ form.as_p }} -->

        <!-- looping over form's fields -->

        {% for field in form %}
            <div class="fieldWrapper">
                {{ field.errors }}
                {{ field.label_tag }} {{ field }}
                {% if field.help_text  %}
                <p class="helper">{{ field.help_text | safe }}</p>
                {% endif %}
            </div>
        {% endfor %}
        <input type="submit" value="Submit">
    </form>
</body>
</html>